
block variables

- var ecWWWLang = 'zh';
- var htmlAttrLang = 'zh-CN';

block variablesLang

doctype html
html(lang='#{htmlAttrLang}')
    head
        meta(charset='utf-8')

        meta(http-equiv='X-UA-Compatible', content='IE=edge')
        meta(name='viewport', content='width=device-width, initial-scale=1', user-scalable="no")

        meta(name="description" content="ECharts, a powerful, interactive charting and visualization library for browser")

        link(rel='shortcut icon', href='#{cdnRoot}/#{ecWWWLang}/images/favicon.png')
        link(rel='stylesheet', type='text/css', href='https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css')
        // HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries
        <!--[if lt IE 9]>
        script(src='https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js')
        script(src='https://oss.maxcdn.com/respond/1.4.2/respond.min.js')
        <![endif]-->

        link(rel='stylesheet', type='text/css', href='#{cdnRoot}/#{ecWWWLang}/css/main.css?_v_=#{homeVersion}')

        script.
            window.EC_WWW_LANG = '#{ecWWWLang}';

        script(type='text/javascript', src='#{cdnRoot}/#{ecWWWLang}/vendors/pace/pace.min.js')

        script(id='font-hack', type='text/javascript').
            if (/windows/i.test(navigator.userAgent)) {
                var el = document.createElement('style');
                el.innerHTML = ''
                    + '@font-face {font-family:"noto-thin";src:local("Microsoft Yahei");}'
                    + '@font-face {font-family:"noto-light";src:local("Microsoft Yahei");}';
                document.head.insertBefore(el, document.getElementById('font-hack'));
            }

        block extra_head

        script(type='text/javascript', src='https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js')

    <!--[if lte IE 8]>
    body.lower-ie
        #lowie-main
            img(src="#{cdnRoot}/#{ecWWWLang}/images/forie.png", alt="ie tip")
    <![endif]-->
    <!--[if (gt IE 8)|!(IE)]>
    body(class="#{pageTitle}")
    <![endif]-->
    #apache-banner
        .txt
            if ecWWWLang == 'en'
                p Apache ECharts is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator.
                p We are working on redirecting this Website to <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a>. You may visit our new official Website now.
            else
                p Apache ECharts 是一个正在由 Apache 孵化器赞助的 Apache 开源基金会孵化的项目。
                p 我们正在处理将本站跳转到 <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a> 的迁移工作。您可以现在就前往我们的 Apache 官网。
        a.btn(href="https://echarts.apache.org", target="_blank", onclick="logApache()")
            if ecWWWLang == 'en'
                div Visit Official Website
            else
                div 访问官网
        a.close-btn(href="javascript:;", onclick="closeApacheBanner(true)") x

    #main
        block content

    script(type='text/javascript', src='https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js')
    script(type='text/javascript', src='#{cdnRoot}/#{ecWWWLang}/js/common.js')

    block extra_js

    include ../components/analytics
